<template>
	<view>
		<view class="information">
			<view class="information-img">
				<image src="../../static/Group 17.png" mode=""></image>
			</view>
			<view class="information-address">
				福州市闽侯县高新区中国地质冶金大厦1201
			</view>
			<view class="information-name">
				陈先生 18650768648
			</view>
			<view class="information-to">
				>
			</view>
		</view>

		<view class="expected-arrival-time">
			<view class="expected-time">


				<view class="uni-input" @tap="opentime()">期望时间</view>

				<!-- <picker mode="time" :value="bindTime" :start="bindTimee" @change="timeChange">
					<view class="picker">
						{{bindTime}}
					</view>
				</picker> -->`
			</view>
			<!-- <view class="expected-time">
				送达时间
			</view> -->
			<view class="default-delivery">
				默认尽快送达，快递明天上午发
			</view>
			<!-- <view class="soon-possible">
				尽快送达
			</view> -->
			<view class="arrive-time">
				07月12日 18：00 >
			</view>
		</view>

		<view class="details-mei">
			<view class="detail-font">
				卤味详情
			</view>
			<view class="fle" :style="[{'height': height},{'overflow': type}]">
				<view class="detail-pocket" v-for="packages  in packageGoods" :key="packages.id">
					<view class="detail-pocket-num">
						{{packages.name}}
					</view>
					<view class="pocket-money">
						打包费￥1
					</view>
					<!-- v-for="item in 4" -->
					<view class="pocket-order">
						<view class=" pocket-order-detail" v-for="(item, index) in packages.goods" :key="item.goodsId">
							<view class="pocket-order-detail-name">
								{{item.goodsName}}
							</view>
							<view class="pocket-order-detail-price">
								{{item.weight}}
							</view>
							<view class="pocket-order-detail-num">
								x{{item.num}}
							</view>
							<view class="pocket-order-detail-money">
								￥{{item.price}}
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="btn" @click="down" :style="{'top': height2}" v-if="open">展开全部卤味↓</view>
			<view class="btn" @click="up" :style="{'top': height2}" v-else>收起↑</view>

		</view>

		<view class="datail-buttom">
			<view class="datail-buttom-frame">
			</view>

			<view class="datail-buttom-pack">
				<view class="datail-buttom-pack-font">
					打包费
				</view>
				<view class="datail-buttom-pack-num">
					￥1
				</view>
			</view>
			<view class="datail-buttom-delivery">
				<view class="datail-buttom-delivery-font">
					配送费
				</view>
				<view class="datail-buttom-delivery-num">
					￥1
				</view>
			</view>
			<view class="datail-buttom-packet">
				<view class="datail-buttom-packet-list" v-for="packages  in packageGoods" :key="packages.id">
					<view class="packet-num">
						{{packages.name}}
					</view>
					<view class="datail-buttom-packet-money">
						￥1000
					</view>
				</view>
			</view>
			<view class="datail-buttom-total">
				<view class="datail-buttom-total-font">
					合计
				</view>
				<view class="datail-buttom-total-num">
					￥{{totalAll}}
				</view>
			</view>



		</view>

		<view class="payment-morder">
			<view class="payment-morder-payment">
				支付
			</view>
			<view class="payment-morder-paymentmethod:">
				<view class="payment-morder-paymentmethod-font">
					支付方式
				</view>
				<view class="payment-morder-paymentmethod-pic">
					<image src="../../static/weixin.png" mode=""></image>
				</view>
				<view class="payment-morder-paymentmethod-name">
					微信
				</view>
			</view>
			<view class="payment-morder-remarks">
				<view class="payment-morder-remarks-font">
					备注
				</view>
				<view class="payment-morder-remarks-go" @click="openDetail">
					口味、偏好要求 >
				</view>
			</view>
		</view>

		<view class="chosen">

			<view class="choice-price">
				￥32.5
			</view>
			<view class="choice-detail">
				另需¥9.00配送费
			</view>
			<view class="choiced" @click="goConfirmOrder">
				立即支付
			</view>
			<view class="other">
				Checkout
			</view>

		</view>

		<view class="dialog">
			<uni-popup ref="popuptwo">
				<view class="dialog-bag">
					<view class="dialog-bag-font">
						添加备注
					</view>
					<view class="dialog-bag-textarea">
						<textarea placeholder-style="color:#8C8C8C;width:300rpx;font-size: 32rpx;line-height: 150%;"
							placeholder="请输入口味、偏好等要求，不支持额外代购其它物品~" />
					</view>
					<view class="dialog-bag-btn" @click="closeremark">
						<text>确定</text>
					</view>
				</view>
			</uni-popup>
		</view>

		<!-- 时间选择弹框 -->
		<uni-popup ref="popup" type="bottom">
			<view class="time">
				<view class="uni-padding-wrap">
					<view class="uni-title"><text @tap="closetime()">取消</text><text>请选择预约时间</text><text
							@tap="closetime()">确认</text></view>
				</view>
				<picker-view v-if="visible" :indicator-style="indicatorStyle" :value="value" @change="bindChange"
					class="picker-view">
					<picker-view-column>
						<view class="item" v-for="(item,index) in days" :key="index">{{month}}月{{item}}日</view>
					</picker-view-column>
					<picker-view-column>
						<view class="item" v-for="(item,index) in hours" :key="index">{{item}}时</view>
					</picker-view-column>
					<picker-view-column>
						<view class="item" v-for="(item,index) in minutes" :key="index">{{item}}分</view>
					</picker-view-column>
				</picker-view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import {
		getAddPocket
	} from "@/api/home.js"
	export default {
		created() {
			this.getAllGoods()
			// this.getAlltotal()
			this.getOrderType()
			console.log('大傻逼', this.packageGoods);
		},
		data() {
			//时间
			const date = new Date()
			const month = date.getMonth() + 1
			const days = []
			const day = date.getDate()
			const hours = []
			const hour = date.getHours()
			const minutes = []
			const minute = date.getMinutes()
			for (let i = day; i <= 31; i++) {
				days.push(i)
			}
			for (let i = hour; i <= 23; i++) {
				hours.push(i)
			}
			for (let i = minute; i <= 59; i++) {
				minutes.push(i)
			}

			return {
				//时间
				month,
				days,
				day,
				hours,
				hour,
				minutes,
				minute,
				value: [day - 1, hour - 1, minute - 1],
				visible: true,
				indicatorStyle: `height: 50px;`,

				open: true,
				height: "180rpx",
				height2: "240rpx",
				type: 'hidden',
				// date: currentDate,
				// bindTime: currentTime,
				// bindTimee: currentTime,
				packageGoods: [],
				totalAll: '',
				orderAddressId:'',
				getAllorderType:'',
				
				
			}

		},
		methods: {
			//立即支付
			goConfirmOrder(){
				// for(let i= 0;i<this.packageGoods.goods.length;i++){
				// 	let a = goodsId
				// }
				// getAddPocket({
				// 	order: {
				// 		allPrices: this.totalAll,
				// 		addressId: this.orderAddressId,
				// 		orderType: this.getAllorderType,
				// 		paymentMethod: "微信支付",
				// 		packingPrice: 1,
				// 		deliveryPrice: 1
				// 	},
				// 	pockets: {

				// 		pocketGoods: this.packageGoods
				// 	},
				// 	goodsIds:a
				// }).then(res => {
				// 	console.log("偶哦",res);
				// })
				uni.switchTab({
					url:"/pages/order/order"
				})
			},
			//获取订单类型
			getOrderType(){
				uni.getStorage({
					key:"deliverHome",
					success:(res) =>{
						console.log("外送到家",res);
						this.getAllorderType = res.data
					}
				})
				uni.getStorage({
					key:"express",
					success:(res) =>{
						console.log("顺丰快递",res);
						this.getAllorderType = res.data
					}
				})
				uni.getStorage({
					key:"InStoreDining",
					success:(res) =>{
						console.log("店内就餐",res);
						this.getAllorderType = res.data
					}
				})
				uni.getStorage({
					key:"packAndTakeAway",
					success:(res) =>{
						console.log("打包带走",res);
						this.getAllorderType = res.data
					}
				})
			},
			//获取所有商品信息
			getAllGoods() {
				uni.getStorage({
					key: "goodNumInformation",
					success: (res) => {
						console.log(res);
						this.packageGoods = res.data;
						var bbb = []
						console.log("经济", this.packageGoods);
						this.packageGoods.map(item=> {
							console.log('asdasdasd', item);
							item.goods.map(itemx=> {
								bbb = [...bbb, ...itemx.goodsId]
								console.log('sssss', itemx);
								return bbb
							})
							return item
						})
						console.log('大大大大', bbb);
					}
				})
				//获取总价
				uni.getStorage({
					key: "allPrice",
					success: (res) => {
						console.log("很好", res);
						this.totalAll = res.data
					}
				})
				//获取地址
				uni.getStorage({
					key: "address",
					success: (res) => {
						console.log("理论",res);
						this.orderAddressId = res.data.addressId
					}
				})
			},



			// //获取总价
			// getAlltotal(){
			// 	uni.$on('allPrice',(data)=>{
			// 		console.log("获取总价",data);
			// 	})
			// },
			//时间获取
			bindChange(e) {
				console.log(e);
				const val = e.detail.value
				this.day = this.days[val[0]]
				this.hour = this.hours[val[1]]
				this.minute = this.minutes[val[2]]
			},
			opentime() {
				this.$refs.popup.open()
			},
			closetime() {
				this.$refs.popup.close()
			},


			// // 获取当前时间
			// getTime(type) {
			// 	const date = new Date();
			// 	let hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
			// 	let minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
			// 	return `${hour}:${minute}`;
			// },
			//弹窗备注
			openDetail() {
				this.$refs.popuptwo.open('bottom')
			},
			closeremark() {
				this.$refs.popuptwo.close()
			},
			//收缩
			down() {
				this.open = false
				this.height = "500rpx";
				this.height2 = "560rpx";
				this.type = "auto"
			},
			up() {
				this.open = true
				this.height = "180rpx";
				this.height2 = "240rpx";
				this.type = "hidden"
			},
			//时间



		}
	}
</script>

<style lang="scss" scoped>
	.information {
		width: 750rpx;
		height: 232rpx;
		background: #FFFFFF;
		box-shadow: 0px 2rpx 12rpx rgba(0, 0, 0, 0.2);
		border-radius: 0px 0px 24rpx 24rpx;
		display: flex;

		.information-img {
			width: 96rpx;
			height: 136rpx;
			margin-top: 48rpx;
			margin-left: 28rpx;

			image {
				width: 96rpx;
				height: 136rpx;
				background-size: 100%;
			}
		}

		.information-address {
			width: 506rpx;
			height: 108rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 1000;
			font-size: 36rpx;
			line-height: 150%;
			color: #121B36;
			margin-top: 16rpx;
			margin-left: 20rpx;
		}

		.information-name {
			width: 400rpx;
			height: 28rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 800;
			font-size: 28rpx;
			line-height: 28rpx;
			color: #000000;
			margin-top: 170rpx;
			margin-left: -500rpx;
		}

		.information-to {
			width: 18rpx;
			height: 34rpx;
			color: #121B36;
			font-weight: 800;
			margin-top: 70rpx;
			margin-left: 50rpx;
		}

	}

	.expected-arrival-time {
		width: 702rpx;
		height: 112rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		display: flex;
		margin-top: 24rpx;
		margin-left: 24rpx;

		.expected-time {
			width: 112rpx;
			height: 28rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 1000;
			font-size: 28rpx;
			line-height: 28rpx;
			color: #000000;
			margin-top: 24rpx;
			margin-left: 24rpx;
		}

		.default-delivery {
			width: 336rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 800;
			font-size: 24rpx;
			line-height: 24rpx;
			color: #8C8C8C;
			margin-top: 64rpx;
			margin-left: -111rpx;
		}

		.soon-possible {
			width: 112rpx;
			height: 28rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 1000;
			font-size: 28rpx;
			line-height: 28rpx;
			color: #000000;
			margin-top: 50rpx;
			margin-left: 200rpx;
		}

		.arrive-time {
			width: 250rpx;
			height: 28rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 800;
			font-size: 28rpx;
			line-height: 28rpx;
			color: #000000;
			margin-top: 50rpx;
			margin-left: 100rpx;
		}

	}

	.details-mei {
		width: 702rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		margin-top: 24rpx;
		margin-left: 24rpx;
		flex-direction: column;
		display: flex;
		position: relative;

		.detail-font {
			width: 112rpx;
			height: 28rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 1000;
			font-size: 28rpx;
			line-height: 28rpx;
			color: #000000;
			margin-top: 24rpx;
			margin-left: 24rpx;
		}

		.detail-pocket {
			// height: 30rpx;
			width: 702rpx;
			display: flex;

			.detail-pocket-num {
				width: 114rpx;
				height: 24rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 24rpx;
				line-height: 24rpx;
				text-align: center;
				color: #FA8C16;
				margin-top: 24rpx;
			}

			.pocket-money {
				width: 150rpx;
				height: 24rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 24rpx;
				line-height: 24rpx;
				text-align: center;
				color: #8C8C8C;
				margin-top: 24rpx;

			}

			.pocket-order {
				width: 702rpx;
				margin-top: 70rpx;
				margin-left: -225rpx;

				.pocket-order-detail {
					display: flex;
					width: 702rpx;
					height: 28rpx;
					// background-color: #FA8C16;
					margin-top: 24rpx;

					.pocket-order-detail-name {
						width: 112rpx;
						height: 28rpx;
						font-family: 'PingFang SC';
						font-style: normal;
						font-weight: 400;
						font-size: 28rpx;
						line-height: 28rpx;
						text-align: center;
						color: #000000;
						margin-left: 18rpx;
					}

					.pocket-order-detail-price {
						width: 96rpx;
						height: 28rpx;
						font-family: 'PingFang SC';
						font-style: normal;
						font-weight: 400;
						font-size: 28rpx;
						line-height: 28rpx;
						text-align: center;
						color: #8C8C8C;
						margin-left: 150rpx;
					}

					.pocket-order-detail-num {
						width: 32rpx;
						height: 28rpx;
						font-family: 'PingFang SC';
						font-style: normal;
						font-weight: 400;
						font-size: 28rpx;
						line-height: 28rpx;
						text-align: center;
						color: #8C8C8C;
						margin-left: 50rpx;
					}

					.pocket-order-detail-money {
						width: 100rpx;
						height: 28rpx;
						font-family: 'PingFang SC';
						font-style: normal;
						font-weight: 400;
						font-size: 28rpx;
						line-height: 28rpx;
						text-align: center;
						color: #000000;
						margin-left: 120rpx;
					}
				}
			}

		}
	}

	.btn {
		transition: 2s;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		font-family: 'PingFang SC';
		font-style: normal;
		font-weight: 400;
		font-size: 24rpx;
		line-height: 24rpx;
		text-align: center;
		color: #8C8C8C;
	}

	.fle {
		transition: 0.3s;
	}

	.datail-buttom {
		display: flex;
		display: column;
		width: 702rpx;
		// height: 400rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		// margin-top: 24rpx;
		margin-left: 24rpx;

		.datail-buttom-frame {
			width: 660rpx;
			height: 0;
			margin-top: 50rpx;
			margin-left: 24rpx;
			border: 0.5rpx solid #8C8C8C;
			opacity: 0.3;
		}

		.datail-buttom-pack {
			width: 702rpx;
			height: 24rpx;
			// background-color: #FA8C16;
			margin-top: 80rpx;
			margin-left: -650rpx;
			display: flex;

			.datail-buttom-pack-font {
				width: 90rpx;
				height: 24rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 24rpx;
				line-height: 24rpx;
				color: #121B36;
			}

			.datail-buttom-pack-num {
				width: 90rpx;
				height: 24rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 24rpx;
				line-height: 24rpx;
				text-align: right;
				color: #121B36;
				margin-left: 450rpx;
			}
		}

		.datail-buttom-delivery {
			width: 702rpx;
			height: 24rpx;
			margin-top: 130rpx;
			margin-left: -700rpx;
			display: flex;

			.datail-buttom-delivery-font {
				width: 90rpx;
				height: 24rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 24rpx;
				line-height: 24rpx;
				color: #121B36;
				margin-left: 10rpx;
			}

			.datail-buttom-delivery-num {
				width: 90rpx;
				height: 24rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 24rpx;
				line-height: 24rpx;
				text-align: right;
				color: #121B36;
				margin-left: 450rpx;
			}
		}

		.datail-buttom-packet {
			width: 702rpx;
			// height: 128rpx;
			// background: #753eff;
			margin-top: 200rpx;
			margin-left: -700rpx;

			.datail-buttom-packet-list {
				width: 702rem;
				height: 24rpx;
				// background-color: #FA8C16;
				margin-top: 24rpx;

				.packet-num {
					width: 80rpx;
					height: 24rpx;
					font-family: 'PingFang SC';
					font-style: normal;
					font-weight: 400;
					font-size: 24rpx;
					line-height: 24rpx;
					text-align: right;
					color: #8C8C8C;

				}

				.datail-buttom-packet-money {
					width: 150rpx;
					height: 24rpx;
					font-family: 'PingFang SC';
					font-style: normal;
					font-weight: 400;
					font-size: 24rpx;
					line-height: 24rpx;
					text-align: right;
					color: #8C8C8C;
					margin-top: -24rpx;
					margin-left: 520rpx;
				}
			}


		}

		.datail-buttom-total {
			height: 32rpx;
			width: 702rpx;
			margin-top: 30rpx;
			// background-color: #fafa5e;
			display: flex;
			// margin-left: 500rpx;
			margin-top: 350rpx;
			margin-left: -700rpx;
			margin-bottom: 50rpx;

			.datail-buttom-total-font {
				width: 80rpx;
				height: 30rpx;
				font-weight: 1000;
				font-size: 32rpx;
				line-height: 32rpx;
				color: #121B36;
				flex-grow: 0;
				margin-left: 400rpx;
			}

			.datail-buttom-total-num {
				width: 150rpx;
				height: 30rpx;
				font-weight: 1000;
				font-size: 32rpx;
				line-height: 32rpx;
				color: #121B36;
				flex-grow: 0;
				margin-left: 10rpx;
			}
		}


	}

	.payment-morder {
		width: 702rpx;
		height: 228rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		margin-top: 24rpx;
		margin-left: 24rpx;
		display: flex;
		flex-wrap: wrap;

		.payment-morder-payment {
			width: 56rpx;
			height: 28rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 1000;
			font-size: 28rpx;
			line-height: 28rpx;
			color: #000000;
			margin-top: 24rpx;
			margin-left: 24rpx;
		}

		.payment-morder-paymentmethod {

			width: 702rpx;
			height: 28rpx;
			// background-color: #FA8C16;
			margin-top: -20rpx;
			display: flex;

			.payment-morder-paymentmethod-font {
				width: 120rpx;
				height: 28rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 1000;
				font-size: 28rpx;
				line-height: 28rpx;
				color: #000000;
				// margin-top: 24rpx;
				margin-left: 24rpx;
			}

			.payment-morder-paymentmethod-pic {
				width: 48rpx;
				height: 48rpx;
				margin-top: -10rpx;
				margin-left: 400rpx;

				image {
					width: 48rpx;
					height: 48rpx;
					background-size: 100%;
				}
			}

			.payment-morder-paymentmethod-name {
				width: 100rpx;
				height: 28rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 1000;
				font-size: 28rpx;
				line-height: 28rpx;
				color: #000000;
				// margin-top: 24rpx;
				margin-left: 24rpx;
			}
		}

		.payment-morder-remarks {
			width: 702rpx;
			height: 28rpx;
			// background-color: #FA8C16;
			margin-top: -30rpx;
			display: flex;

			.payment-morder-remarks-font {
				width: 100rpx;
				height: 28rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 1000;
				font-size: 28rpx;
				line-height: 28rpx;
				color: #000000;
				// margin-top: 24rpx;
				margin-left: 24rpx;
			}

			.payment-morder-remarks-go {
				width: 300rpx;
				height: 28rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 500;
				font-size: 28rpx;
				line-height: 28rpx;
				color: #BFBFBF;
				margin-left: 350rpx;
			}
		}

	}


	.chosen {
		margin-top: 24rpx;
		margin-left: 24rpx;
		width: 686rpx;
		height: 116rpx;
		background: #FA8C16;
		border-radius: 88rpx;
		display: flex;
		display: column;
		flex-wrap: wrap;


		.choice-price {
			width: 200rpx;
			height: 36rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 500;
			font-size: 36rpx;
			line-height: 36rpx;
			color: #FFFFFF;
			margin-top: 20rpx;
			margin-left: 30rpx;
		}

		.choice-detail {
			width: 200rpx;
			height: 20rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 400;
			font-size: 20rpx;
			line-height: 20rpx;
			color: #FFFFFF;
			margin-top: 70rpx;
			margin-left: -200rpx;

		}

		.choiced {
			width: 150rpx;
			height: 32rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 500;
			font-size: 32rpx;
			line-height: 32rpx;
			color: #FFFFFF;
			margin-top: -70rpx;
			margin-left: 550rpx;
		}

		.other {
			width: 54rpx;
			height: 20rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 400;
			font-size: 20rpx;
			line-height: 20rpx;
			color: #FFFFFF;
			margin-top: -30rpx;
			margin-left: 560rpx;
		}

	}

	.dialog-bag {
		width: 750rpx;
		height: 662rpx;
		background: #FFFFFF;
		display: flex;
		display: column;

		.dialog-bag-font {
			width: 128rpx;
			height: 32rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 400;
			font-size: 32rpx;
			line-height: 32rpx;
			color: #000000;
			margin-top: 48rpx;
			margin-left: 48rpx;
		}

		.dialog-bag-textarea {
			width: 654rpx;
			height: 326rpx;
			background: #F5F5F5;
			margin-top: 148rpx;
			margin-left: -120rpx;

			.textarea {
				width: 654rpx;
				height: 326rpx;
				background-size: 100%;
			}
		}

		.dialog-bag-btn {
			width: 654rpx;
			height: 92rpx;
			background: #FA8C16;
			border-radius: 46rpx;
			margin-top: 558rpx;
			margin-left: -650rpx;

			text {
				width: 654rpx;
				height: 92rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 32rpx;
				line-height: 92rpx;
				// text-align: center;
				color: #FFFFFF;
				margin-left: 290rpx;
			}
		}
	}

	//时间弹窗
	//时间弹窗
	.uni-title {
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		background-color: white;
		height: 200rpx;
		width: 100%;
		padding: 32rpx;
	}

	.picker-view {
		width: 750rpx;
		height: 600rpx;
		// margin-top: 20rpx;
		background-color: white;
	}

	.item {
		height: 100rpx;
		align-items: center;
		justify-content: center;
		line-height: 100rpx;
		text-align: center;
	}
</style>
